<template>
  <div>
    <img :src="dogImgUrl" alt="图片出问题了" >
     <p>{{dogName}}</p>
   </div>
</template>
 
<script>
export default {
  name: "SellDog",
  components: {},
  props: {
    dogImgUrl:{
      type:String,
      required:true
    },
    dogName:{
      type:String,
      required:true
    }
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
};
</script>

<style scoped lang="less">
   div{
      width: 300px;
      height: 232px;
      box-sizing: border-box;
      overflow: hidden;
      display:inline-block;
      margin: 5px;
      img{
        width: 100%;
        height: 200px;
        display: block;
      }
      p{
        margin: 0;
        text-align: center;
        height: 30px;
        line-height: 30px;
        border: 1px solid #ccc;
      }
    }  
</style>